<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>用户中心</title>
<style>
body{
background:url(imag/dlymbj1.gif);
		}
    .kj{
        background-color: yellow;
        width: 300px;
        height: 350px;
        box-shadow:10px 10px 50px yellow;
        margin: 100px auto;
        padding-left:40px;
        border-radius: 20px;
        border: 2px solid violet;
        line-height:35px;
 } 
    h2{
        text-align: center;
    }
	#sc{
	width:100px;
	background-color:white;
	 border-radius: 20px;
	
	 }
	 #dl{
	 width:100px;
	 background-color:white;
	 border-radius: 20px;
	
	 }
	
    #sc:hover{
        background-color: red;
    }
    #dl:hover{
        background-color: chartreuse;
    }
</style>
<script> 
    function ol(){
        if(localStorage.yhm==null)
            location.href="用户注册.html";
        var s="用户名:"+localStorage.yhm+"<br>";
        s+="密码:"+localStorage.mm+"<br>";
        s+="性别:"+localStorage.xb+"<br>";
        s+="兴趣爱好:"+localStorage.xqah+"<br>";
        s+="邮箱:"+localStorage.yx+"<br>";
        s+="电话:"+localStorage.dh;
        xs.innerHTML=s;
    }
    function dl(){
        location.href="用户登录.html";
    }
    function sc(){
        localStorage.clear(); 
        alert("已删除你注册的信息 你将无法用此用户名登录！");
    }
</script>
</head>
<body onload="ol()">
<div class="kj">
    <h2>用户中心</h2>
    <div id="xs"></div>
    <input type="button" value="登录" onclick="dl()" id=dl>
    <input type="button" value="删除" onclick="sc()" id=sc>
</div>
</body>
</html>